@charset "utf-8";

body { background: #fff; color:#858484; }
.banner { position:relative; width:100%; height:300px;}

.container { padding-bottom:100px; background: #fff; }
.container .wrap {position: relative;padding-top: 50px; width:1200px; min-height:500px; margin:-700px auto 0;}
.sidebar { width:100%;position: relative;}
.sidebar:before {position: absolute;content: '';width: 100%;height: 1px;background: #d8d8d8;top: 107px;}
.side-wrap { margin: 0 auto; width: 1200px;overflow-y:visible; }
.breadcrumbs { float:left; margin: 15px 0 25px; padding-left: 25px; width: 725px; height: 31px; background: url(../images/mb-icon-2.png) no-repeat left center; color:#0082D6; font-size: 14px; line-height: 31px; }
.breadcrumbs a { color:#9f9f9f;}
.breadcrumbs a:after { content: ">"; padding: 0 5px;}
.breadcrumbs a:hover { color:#0082D6;}
.slide-menu {position: relative;}
.menu { position: relative; clear: both;}
.menu ul { padding-bottom: 700px !important; }
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul {*zoom:1}
.menu li { position: relative; float: left; width: 200px;}
.menu li>a {border-left: 1px solid #d8d8d8;white-space: nowrap;padding:0 15px;display: block; line-height: 36px; color: #4e4e4e; font-size: 14px;overflow: hidden;text-overflow:ellipsis;}
.menu li.current>a,.menu li:hover>a { color: #0082D6;}
.menu li:hover {z-index: 3;}
.menu li:hover>a {transition:.2s;overflow:visible;text-overflow:inherit;width: auto;padding-right: 40px;display: inline-block;opacity: .9}
.menu dl { display: none; position: absolute; left: 0; top: 36px; width: 100%; background: #fff; border-top: 4px solid #0082D6; z-index: 999;}
.menu dd a { position: relative;display: block; padding: 11px 19px; border: 1px solid #b5b5b5; border-top: 0; color: #848484; font-size: 12px; line-height: 18px;}
.menu dd.current a,.menu dd:hover a { background: #f2f2f2;}

.tempWrap + .menu-prev,.tempWrap + .menu-prev  + .menu-next {position: absolute; top: -42px;width: 17px;background: #0099df; color: #fff; text-align: center;font-size: 14px; height: 19px;font-family: 'SimSun';}
.tempWrap + .menu-prev:before,.tempWrap + .menu-prev  + .menu-next:before {text-align: center;position: absolute; top: 0;left: 0;width: 100%;height: 100%;line-height: 19px;}
.tempWrap + .menu-prev:before {content: '<'}
.tempWrap + .menu-prev  + .menu-next:before {content: '>'}
.tempWrap + .menu-prev {right: 25px;}
.tempWrap + .menu-prev  + .menu-next {right: 0;}
.tempWrap + .menu-prev:hover,.tempWrap + .menu-prev  + .menu-next:hover {background: #0099df;}
.tempWrap + .prevStop,.tempWrap + .menu-prev  + .nextStop {background: #c6c6c6 !important;cursor: default;}

/* article */
.article { line-height:200%; word-wrap:break-word; text-align:justify; }
.article img,.article table { max-width: 100%;}
#dituContent img {max-width: 1500px;}

/* news */
.news { margin-top: -30px;}
.news li { clear: both; padding: 30px 0 24px; border-bottom: 1px dotted #949494;}
.news li img { float: left; margin-right: 30px;}
/* padding-right: 30px;   */
.news li h2 a { color: #535962; font-size: 14px; line-height: 14px; font-weight: normal; display: block; padding: 7px 0 10px}
.news li h2 a:hover {color: #0082D6;}
.news li em { color: #a2a2a2; font-size: 12px; line-height: 12px; display: block; padding-bottom: 20px;}
.news li p { height: 67px; color: #a2a2a2; font-size: 12px; line-height: 20px;}
.news li a.more { color: #a2a2a2; font-size: 12px;}
.news li a.more:hover {color: #0082D6;}

.news-tittle { margin-bottom: 25px; padding: 15px 0 35px; width: 100%; border-top: 4px solid #bebebe; border-bottom: 1px dotted #949494;}
.news-tittle h2 { float: left; color: #5e5e5e; font-size: 16px; line-height: 16px; font-weight: normal;}
.news-tittle p { float: right; color: #939393; font-size: 14px; line-height: 14px;}
.news-tittle a { padding: 0 30px 0 24px; background: url(../images/mb-icon-4.png) no-repeat left center;}
.news-tittle a:hover {color: #0082D6;}
.news-tittle .date { padding: 0 30px 0 27px; background: url(../images/mb-icon-5.png) no-repeat left center; background-size: auto 16px;}
.news-tittle .yd { padding-left: 30px; background: url(../images/mb-icon-6.png) no-repeat left center;}
.news-tittle .wx { position: relative; float: right; display: block; margin-top: -1px; margin-left: 18px; width: 18px; height: 17px; background: url(../images/mb-icon-7.png) no-repeat left center; cursor: pointer;}
.news-tittle .wx img { display: none; position: absolute; left: 20px; top: -41px;}
.news-tittle .wx:hover img { display: block;}
.news-page { margin-top: 40px; padding-top: 32px; border-top: 1px solid #bebebe;}
.news-page a { float: left; display: block; width: 131px; height: 35px; border: 1px solid #d6d6d6; color: #5e5e5e; font-size: 14px; line-height: 35px;}
.news-page a:hover { border: 1px solid #0082D6;}
.news-page a.np-prev:before { padding: 0 44px 0 15px; content: "<";}
.news-page a.np-next { float: right; text-indent: 23px;}
.news-page a.np-next:after { padding-left: 45px; content: ">";}
/* page */
.page { color:#000; line-height:24px; clear:both; display:table; margin:50px auto 0;  }
.page a.noBo { border:0;}
.page a { float:left; padding:0 15px; color:#b7b7b7; margin-top: 3px; font-size: 12px; line-height: 12px; border-left:1px solid #b7b7b7; display:table-cell; }
.page a.prev { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a.next { background: #b7b7b7; width:24px; height:17px; line-height: 17px; color: #fff; text-align: center; display:block; border:0; padding:0; margin:0;}
.page a:hover,.page a.current { color:#0082D6; }
.page .prev + a {border:none;}


/* product-info */
.product-info h2 { color: #757575; font-size: 14px; line-height: 14px; font-weight: normal; padding: 65px 0 8px; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.product-info-list { position: relative; overflow: hidden;}
.product-info-list .slide {width: 1090px;margin:0 auto;overflow: hidden;}
.product-info-list li { float: left; width:360px; height: 107px; margin-right:10px;}
.product-info-list a.prev,.product-info-list a.next { font-family: 'SimSun';line-height: 30px;text-align: center;color: #fff;font-size: 20px;border-radius: 50%;position:absolute; left:0; top:50%;margin-top: -15px; display:block; width:30px; height:30px; background:#bcbcbc; cursor:pointer; }
.product-info-list a.next { right:0; left:auto;}
.product-info-list a.prev:hover { background:#0082D6;}
.product-info-list a.next:hover { background:#0082D6;}
.product-info-list li .text { float: left; width: 186px; height: 107px; padding: 26px 0 0 21px; background: #dddddd;}
.product-info-list li .text h3 { color: #5a5a5a; font-size: 12px; line-height: 12px; padding-bottom: 20px;}
.product-info-list li .text a.more { color: #0082D6; font-size: 12px; line-height: 12px;}
.product-info-list li .text a.more:before { display: block; float: left; margin-top: 5px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: transparent transparent transparent #0082D6;}
/* productlist */

.productlist .pic { width:800px; float: left;margin-right: 38px;}
.productlist .text { float: left; width: 240px; line-height:200%; word-wrap:break-word; text-align:justify;}
.productlist .picList { width:800px; height:466px; overflow:hidden; }
.productlist .picList ul { width:800px; height:466px; overflow:hidden; }
.productlist .picList li { width:800px; height:466px; overflow:hidden; cursor: pointer; }
.soldWrap { position: relative; width:800px; height:59px;}
.soldWrap a.prev,.soldWrap a.next { position:absolute; left:0px; top:4px; display:block; width:15px; height:51px; background:url(../images/prev1.png) no-repeat; cursor:pointer; }
.soldWrap a.next { right:0px; left:auto; background:url(../images/next1.png) no-repeat; }
.sold { width:665px; height:auto; margin:24px auto 0; overflow:hidden; }
.sold ul { overflow:hidden; height:auto; }
.sold li { float:left; width:95px; height:59px; margin: 0 5px; display:inline; cursor: pointer; }
.tab-pro { padding-top:58px; }
.tab-pro .hd { border-bottom:1px solid #e3e3e3; }
.tab-pro .hd li { float:left; width:138px; height:28px; text-align:center; line-height:28px; border:1px solid #e3e3e3; border-bottom:none; margin-right:5px; display:inline; background:#e3e3e3; cursor:pointer; }
.tab-pro .hd li.on { background:#fff; border-bottom:1px solid #fff; margin-bottom:-1px; }
.tab-pro .txt { padding:20px; }


/* product-info-C */
.prod-c {position: relative;}
.prod-c .bd {margin-bottom: 20px;}
.prod-c .bd li {height: 480px;}
.prod-c .phd .tempWrap {margin-left: 20px;}
.prod-c .phd li {box-sizing: content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;width: 120px;float: left;margin-left:20px;border:1px solid transparent;opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}
.prod-c .phd li.on {border:1px solid #2b49e4;opacity:1;filter:alpha(opacity=100);}
.prod-c .prev,.prod-c .next {position: absolute;width: 30px;height: 30px;}
.prod-c a.prev,.prod-c a.next { z-index: 99;position:absolute; left:0px; bottom:8px; display:block; width:15px; height:51px; background:url(../images/prev1.jpg) no-repeat; cursor:pointer; }
.prod-c a.next { right:0px; left:auto; background:url(../images/next1.jpg) no-repeat; }

/*hr*/
.hr { width: 100%; border: 1px solid #e0e0e0;}
.hr thead th { height: 45px; color: #7c7c7c; font-size: 12px; font-weight: normal; text-align: center; vertical-align: middle !important;}
.hr td {padding: 0 0.7rem !important; height: 45px; color: #7c7c7c; font-size: 12px; text-align: center; vertical-align: middle !important;}
.hr td a.more { display: block; margin: 0 auto; padding-left: 16px; width: 76px; height: 45px; background: url(../images/mb-icon-10.png) no-repeat left center; color: #7c7c7c; line-height: 45px;}
.hr td:hover a.more { background: url(../images/mb-icon-10-on.png) no-repeat left center; color: #0082D6;}

/*hr-detail*/
.hr-detail-text { padding: 30px 0 80px; border-bottom: 1px dotted #c6c6c6; overflow: hidden;}
.hr-detail-text h2 { margin-bottom: 10px; color: #4e4e4e; font-size: 20px;}
.hr-detail-text dl { float: left; width: 500px;}
.hr-detail-text dl dt { margin-bottom: 10px; color: #4e4e4e; font-size: 14px; font-weight: bold;}
.hr-detail-text dl dd { color: #4e4e4e; font-size: 12px; line-height: 24px;}
.hr-form { padding-top: 50px;}
.hr-form label { display: block; float: left; padding: 0 15px; margin-top: 14px; height: 16px; border-right: 1px solid #c7c7c7; color: #5a5a5a; font-size: 14px; line-height: 16px;}
.hr-form .input { float: left; margin-bottom: 20px; width: 488px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
.hr-form .input .text { float: left; padding: 0 10px; width: 370px; margin-top: 14px; height: 16px; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form p { float: left; margin-bottom: 20px; padding-left: 15px; width: 308px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.hr-form .input1 { clear: both; width: 100%; background: #fff; border: 1px solid #d4d4d4; overflow: hidden;}
.hr-form .input1 .textarea { float: left; padding: 0 10px; margin: 14px 0; width: 930px; height: 250px; border: 0; outline: none; resize: none;}
.hr-form .input2 { float: right; margin-bottom: 20px; width: 664px; height: 45px; background: #fff; border: 1px solid #d4d4d4;}
#fileToUpload { display: none;}
.hr-form .input2 .text { float: left; padding: 0 10px 0 21px; width: 561px; margin-top: 14px; height: 16px; background: #fff; border: 0; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.hr-form .input2 button { float: right; margin-right: 8px; margin-top: 5px; width: 66px; height: 34px; border: 0; border-radius: 4px; background: #0082D6; color: #fff; font-size: 14px; line-height: 34px; cursor: pointer; outline: none;}
.hr-form .input2 button:hover { opacity: 0.8;}
.hr-form .submit {clear: left; display: block; margin-top: 40px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #0082D6; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.hr-form .submit:hover { opacity: 0.8;}
.hr-form .input:hover,.hr-form .input1:hover,.hr-form .input2:hover { border: 1px solid #0082D6;}

/* form */
.form-panel input,.form-panel textarea { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.form-panel .ishalf { float: left; margin: 0 10px 20px; width: 580px;}
.form-panel .nohalf {width: 1180px; margin: 0 10px 20px; clear: both;}
.form-panel .form-text { overflow: hidden;}
.form-panel .form0 .form-text,.form-panel .form1 .form-text { line-height: 36px;}
.form-panel .form0 .form-text input,.form-panel .form1 .form-text input { float: left; margin-top: 10px;}
.form-panel .form0 .form-text em,.form-panel .form1 .form-text em { float: left; padding: 0 20px 0 5px;}
.form-panel label { display: block; height: 30px; color: #5a5a5a; font-size: 14px; line-height: 14px;}
.form-panel label em { color: #ff0000;}
.form-panel .text { padding: 10px; width: 100%; height: 36px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 16px; outline: none;}
.form-panel p { float: left; margin-bottom: 20px; padding-left: 15px; width: 293px; height: 45px; background: #fff; border: 1px solid #d4d4d4; color: #5a5a5a; font-size: 14px; line-height: 45px;}
.form-panel .textarea { padding: 10px; width: 100%; height: 250px; background: #fff; border: 1px solid #d4d4d4; outline: none; resize: none;}
.form-panel .submit { display: block; margin-top: 40px; margin-left: 10px; width: 167px; height: 50px; border: 0; border-radius: 4px; background: #0082D6; color: #fff; font-size: 14px; line-height: 50px; cursor: pointer; outline: none;}
.form-panel .submit:hover { opacity: 0.8;}
.form-panel .text:focus,.form-panel .textarea:focus { border: 1px solid #0082D6;}

.fblist {padding-bottom: 30px;}
.i-message { margin-bottom: 20px; padding: 0 35px;}
.i-message-user { float: left; width: 45px; height: 45px; background: url(../images/mb-icon-12.png) no-repeat; border-radius: 50%; color: #fff; font-size: 24px; line-height: 48px; text-align: center;}
.i-message-text { position: relative; margin: 0 0 43px 63px; padding: 15px; background: #fff; border: 1px solid transparent; border-radius: 4px;}
.i-message-text:before { position: absolute; top: 18px; left: -10px; right: 100%; width: 0px; height: 0px; display: block; content: " "; border-color: #fff #fff transparent transparent; border-style: solid; border-width: 10px;}
.i-message-hd { margin-bottom: 15px; color: #4d4b50; font-size: 14px;}
.i-message-hd span { padding-right: 16px;}
.i-message-bd p { margin: 0; color: #4d4b50; font-size: 12px;}
.admin-message .i-message-user { float: right; background: url(../images/mb-icon-13.png) no-repeat;}
.admin-message .i-message-text { margin-left: 0; margin-right: 63px;}
.admin-message .i-message-text:before { left: auto; right: -10px; border-color: #fff transparent transparent #fff;}

/*contact*/
.map { margin-bottom: 33px; width: 1200px; height: 370px;}
.contact { border-top: 3px solid #949494;}
.contact li { height: 50px; line-height: 50px; background: #f7f7f7; border-bottom: 1px solid #dedede;}
.contact li span { display: block; float: left; padding-left: 42px; width: 162px;}
.contact li em { padding-left: 26px;}
.contact li.i1 span { background: url(../images/mb-c1.png) no-repeat 13px center #ededed;}
.contact li.i2 span { background: url(../images/mb-c2.png) no-repeat 16px center #ededed;}
.contact li.i3 span { background: url(../images/mb-c3.png) no-repeat 13px center #ededed;}
.contact li.i4 span { background: url(../images/mb-c4.png) no-repeat 12px center #ededed;}
.contact li.i5 span { background: url(../images/mb-c5.png) no-repeat 14px center #ededed;}
.contact li.i6 span { background: url(../images/mb-c6.png) no-repeat 16px center #ededed;}
.contact li.i7 span { background: url(../images/mb-c7.png) no-repeat 13px center #ededed;}
.contact li.i8 span { background: url(../images/mb-c8.png) no-repeat 14px center #ededed;}

/*download*/
.download li { padding: 24px 0 18px 34px; background: url(../images/mb-icon-3.png) no-repeat left 30px; border-bottom: 1px dotted #949494; color: #4f4f4f; font-size: 14px; line-height: 27px; overflow: hidden;}
.download li p { float: left;}
.download li a.more { display: block; float: right; width: 104px; height: 27px; background: #848484; color: #fff; font-size: 12px; text-align: center;}
.download li span { float: right; display: block; padding-right: 20px; margin-right: 22px; border-right: 1px solid #cbcbcb; color: #9c9c9c;}
.download li a.more:hover { background: #0082D6;}



/*    pic-list    */
.pic-list {overflow: hidden;}
.pic-list ul {margin:-35px 0 0 -20px;}
.pic-list li {float: left;margin:35px 0 0 17px;position: relative;overflow: hidden;padding-bottom: 60px;}
.pic-list li .txt {background: rgba(255,255,255,1);line-height: 20px;color: #9d9d9d;position: absolute;width: 100%;transition:top .25s;height: 100%;top:100%;margin-top: -60px;}
.pic-list li .txt .content {padding: 0 13px;}
.pic-list li .txt h3 {color: #828181;font-size: 14px;font-weight: normal;line-height: 60px;border-bottom: 1px solid #ccc;margin-bottom: 26px;}
.pic-list li .txt h3 a {display: block;}
.pic-list li .txt i {font:normal 24px/60px 'SimSun';color: #B2B2B2;float: right;-margin-top: 19px;transition:.3s;}
.pic-list li .txt h3 a:hover i {transform:rotate(90deg);}
.pic-list li .txt .more {bottom:10%;line-height: 28px;border: 1px solid #dbdbdb;padding-left:11px;position: absolute;}
.pic-list li .txt .more span {font-family: 'SimSun';margin:0 20px 0 8px;display: inline-block;}
.pic-list li:hover .txt {top: 0;margin-top: 0;}
.pic-list li:hover h3 a {color: #0082D6;}
.pic-list li:hover span {animation:arrMove 1.5s infinite;color: #0082D6;}
.pic-list li .txt .more:hover {border-color: #0082D6;color: #0082D6;}
@keyframes arrMove {0 {opacity: 1;transform:translateX(0);}100% {opacity: 0;transform:translateX(24px);}}